<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/mescroll.min.css" />
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <div class="header">
      <div class="content flex">
        <div class="logo"><img src="images/newLogo.png" alt="" /></div>
        <div class="menu">
          <div class="menu_up"><img src="images/menu.png" alt="" /></div>
          <div class="menu_down none">
            <div class="down_head flex">
              <img src="images/newLogo.png" alt="" />
              <img src="images/close_b.png" class="closeMenu" alt="" />
            </div>
            <div class="topSearch">
              <input type="text" class="searchInput" placeholder="请输入关键" />
              <img src="images/search-b.png" alt="" />
            </div>
            <ul>
              <li><a href="">新闻中心</a></li>
              <li><a href="">培训课程</a></li>
              <li><a href="">特色项目</a></li>
              <li><a href="">师资列表</a></li>
              <li><a href="">关于我们</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="newslist m-top">
      <div class="tablist">
        <div class="tab_tags checked">全部新闻</div>
        <div class="tab_tags">培训通知</div>
        <div class="tab_tags">行业新闻</div>
        <div class="tab_tags">公司新闻</div>
      </div>
      <div class="news_listbox">
        <div class="mescroll">
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
            <a href="" class="newsbox flex">
              <div class="timedata">
                <ul>
                  <li>三月</li>
                  <li>26</li>
                </ul>
              </div>
              <p>发达打的费啊发爱的色放啊发艾丝凡鞍山的发啊发啊发阿道夫阿道夫阿道夫啊发阿道夫啊发</p>
            </a>
          </div>

          <!-- <div class="news_box">
            <a href="" class="flex">
              <p>dfalkfhnasdkfjbadkfjbadf2</p>
              <span>12-1</span></a
            >
          </div> -->
        </div>
      </div>
    </div>
    <div class="foot">
      <a class="sy checked"><span></span><i>首页</i></a>
      <a class="kc"><span></span><i>我的课程</i></a>
      <a class="grzx"><span></span><i>个人中心</i></a>
    </div>
  </body>
  <script src="js/jquery-1.12.0.min.js"></script>
  <script src="js/mescroll.min.js"></script>
  <script src="js/public.js"></script>
  <script>
    // tab切换
    $(".tablist .tab_tags").click(function () {
      $(this).addClass("checked").siblings().removeClass("checked");
      // $(".products .mainCont").eq($(this).index()).show().siblings().hide();
    });
  </script>
</html>
